* {
  margin: 0;
  padding: 0;
  list-style: none;
}
.box {
  margin: 20px auto;
  width: 300px;
  height: 200px;
  border: 1px solid #000;
}

.title {
  display: flex;
  height: 30px;
  text-align: center;
}

.title > li {
  width: 100px;
}

.main > li {
  height: 170px;
}

.main > li:nth-of-type(1),
.main > li:nth-of-type(2),
.main > li:nth-of-type(3) {
  display: none;
}

.active-title {
  background-color: skyblue;
}

.active-main {
  display: block !important;
  background-color: skyblue;
}
